<template>
  <div class="outContainer">
    <!-- 状态栏 -->
    <div style="height: .8rem">
      <div class="status-bar">
        <img src="@/assets/images/status.jpg" alt="">
      </div> 
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'VueApp',

  data() {
    return {
      
    };
  },

  created() {
    this.$nextTick(() => {
      // 禁用右键
      // document.oncontextmenu = new Function('event.returnValue=false');
      // 禁用选择
      document.onselectstart = new Function('event.returnValue=false');
    });
  },

  mounted() {
    // 设置根元素大小，随屏幕尺寸改变
    // const WIDTH = 750 //设计稿尺寸
    // const setView = () => {
    //   document.documentElement.style.fontSize = (100 * screen.width / WIDTH) + 'px'
    // }
    // window.onorientationchange = setView
    const WIDTH = 750 // 设计稿尺寸
    const setView = () => {
      document.documentElement.style.fontSize = (100 * screen.width / WIDTH) + 'px'
    }
    setView() // 首次加载页面时执行一次
    window.onresize = setView // 绑定到窗口尺寸变化事件
    // setView()
    // 测试代码，改变scss变量
    // document.getElementsByTagName('body')[0].style.setProperty('--bacgroundColor1', 'red');
  },

  computed: {

  },

  methods: {
    
  },
};
</script>

<style scoped>
@import '@/assets/css/public.min.css'
</style>